<template>
    <div class="main">
        <div class="payList">
            <pay-item class="pay-item1" ref="payItem1" v-for="(item, index) in payList" :index="index.toString()"
                :key="index" :pay="item">
            </pay-item>
        </div>

        <div>
            这是一行文字
        </div>
    </div>
</template>

<script>
import PayItem from "@/views/vip/payItem";

export default {
    name: "vip-pay",
    components: {
        PayItem,
    },
    data() {
        return {
            // 支付套餐信息
            payList: [],
        };
    },
    mounted() {
        this.$store.dispatch('dict/getDictByType', "vip").then(res => {
            this.payList = res;
        })
    },

    methods: {
    }
}
</script>

<style>
.main {
    width: 1000px;
    margin: 0 auto;
}

.payList {
    display: flex;
    flex-wrap: wrap;
    margin-top: 10px;
}
</style>
